<template>
  <div id="synchronize-cell">
    <header1></header1>
    <div class='container'>
            <div data-v-136660dc class="col-md-12">
      <div data-v-6c2fd11e class="report-content" data-v-136660dc>
        <div data-v-7be2a54d data-v-6c2fd11e class="report-body clearfix" >
          <div data-v-6d68aa39 data-v-7be2a54d class="report-ctrl">
            <div data-v-6d68aa39 aria-hidden="true" class="d-none" style="display: none;">
              <div></div>
              <div></div>
            </div>
            <span data-v-7be2a54d data-v-6d68aa39 id="exPopover-download" data-original-title title>
              <i data-v-7be2a54d data-v-6d68aa39 class="fa fa-download no-margin"></i>
            </span>
            <div data-v-6d68aa39 aria-hidden="true" class="d-none" style="display: none;">
              <div></div>
              <div></div>
            </div>
          </div>
          <!---->
          <div data-v-7be2a54d class="report-header">
            <h3 data-v-7be2a54d>
              <!---->
              {{report.report_title}}
            </h3>
          </div>
          <div data-v-7be2a54d class="markdown-body report-detail">
            <div v-html="report.report_content"></div>
          </div>

        </div>
      </div>
    </div>
    </div>

    <footer1></footer1>
  </div>
</template>
 
<script>
import header from "./header";
import footer from "./footer";
export default {
  name: "synchronize-cell",
  components: {
    header1: header,
    footer1: footer
  },
  data() {
    return {
      sid: this.$route.query.sid,
      user_id: this.$route.query.user_id,
      course_id: this.$route.query.course_id,
      section_id: this.$route.query.section_id,
      report: ""
    };
  },
  mounted() {
    this.axios({
      url:
        "/api/showReport/?user_id=" +
        this.user_id +
        "&course_id=" +
        this.course_id +
        "&sid=" +
        this.sid +
        "&section_id=" +
        this.section_id,
      method: "get"
    }).then(res => {
      if (res.data.code == 200) {
        this.report = res.data.report;

      }
    });
  }
};
</script>